<template>
  <a-descriptions title="实验室检测" bordered size="middle" :column="{ xxl: 2, xl: 2, lg: 2, md: 2, sm: 2, xs: 1 }">
    <a-descriptions-item label="项目" :span="3">
      <a-row>
        <a-col :span="12">
          <span>服务前</span>
        </a-col>
        <a-col :span="12">
          <span>服务后</span>
        </a-col>
      </a-row>
    </a-descriptions-item>
    <a-descriptions-item label="血糖检查" :span="3" bordered>
      <a-row type="flex" justify="space-around" align="middle">
        <a-col :span="12" v-if="archiveFirst && archiveFirst.sugarCheckDate">
          <p v-if="archiveFirst.sugarCheckDate">检查日期： {{ archiveFirst.sugarCheckDate }}</p>
          <p v-if="archiveFirst.sugarFasting">空腹血糖： {{ archiveFirst.sugarFasting }}</p>
          <p v-if="archiveFirst.sugarRandom">随机血糖： {{ archiveFirst.sugarRandom }}</p>
          <p v-if="archiveFirst.sugarAfter2">餐后2h血糖： {{ archiveFirst.sugarAfter2 }}</p>
          <p v-if="archiveFirst.hba1c">HbA1c： {{ archiveFirst.hba1c }}</p>
        </a-col>
        <a-col :span="12" v-if="archiveSummary && archiveSummary.sugarCheckDate">
          <p>检查日期： {{ archiveSummary.sugarCheckDate || '——' }}</p>
          <p>空腹血糖： {{ archiveSummary.sugarFasting || '——' }}</p>
          <p>随机血糖： {{ archiveSummary.sugarRandom || '——' }}</p>
          <p>餐后2h血糖： {{ archiveSummary.sugarAfter2 || '——' }}</p>
          <p>HbA1c： {{ archiveSummary.hba1c || '——' }}</p>
        </a-col>
        <a-col :span="12" v-else>
          <div :style="{ width: '100%' }">
            <div class="plus-record" @click="summaryRecord">
              <a-icon :style="{ color: '#8e908f' }" type="plus" />
              <span>录入</span>
            </div>
          </div>
        </a-col>
      </a-row>
    </a-descriptions-item>
    <a-descriptions-item label="OGTT试验+胰岛功能" :span="3" bordered>
      <a-row type="flex" justify="space-around" align="middle">
        <a-col :span="12" v-if="archiveFirst && archiveFirst.ogttCheckDate">
          <p v-if="archiveFirst.ogttCheckDate">检查日期： {{ archiveFirst.ogttCheckDate }}</p>
          <p v-if="archiveFirst.sugarLimosis">血糖空腹服糖前： {{ archiveFirst.sugarLimosis }}</p>
          <p v-if="archiveFirst.sugar30min">血糖30min： {{ archiveFirst.sugar30min }}</p>
          <p v-if="archiveFirst.sugar1h">血糖1h： {{ archiveFirst.sugar1h }}</p>
          <p v-if="archiveFirst.sugar2h">血糖2h： {{ archiveFirst.sugar2h }}</p>
          <p v-if="archiveFirst.sugar3h">血糖3h： {{ archiveFirst.sugar3h }}</p>
          <p v-if="archiveFirst.isletLimosis">胰岛素空腹： {{ archiveFirst.isletLimosis }}</p>
          <p v-if="archiveFirst.islet30min">胰岛素30min： {{ archiveFirst.islet30min }}</p>
          <p v-if="archiveFirst.islet1h">胰岛素1h： {{ archiveFirst.islet1h }}</p>
          <p v-if="archiveFirst.islet2h">胰岛素2h： {{ archiveFirst.islet2h }}</p>
          <p v-if="archiveFirst.islet3h">胰岛素3h： {{ archiveFirst.islet3h }}</p>
          <p v-if="archiveFirst.peptideLimosis">C肽空腹： {{ archiveFirst.peptideLimosis }}</p>
          <p v-if="archiveFirst.peptide30min">C肽30min： {{ archiveFirst.peptide30min }}</p>
          <p v-if="archiveFirst.peptide1h">C肽1h： {{ archiveFirst.peptide1h }}</p>
          <p v-if="archiveFirst.peptide2h">C肽2h： {{ archiveFirst.peptide2h }}</p>
          <p v-if="archiveFirst.peptide3h">C肽3h： {{ archiveFirst.peptide3h }}</p>
        </a-col>
        <a-col :span="12" v-if="archiveSummary && archiveSummary.ogttCheckDate">
          <p>检查日期： {{ archiveSummary.ogttCheckDate || '——' }}</p>
          <p>血糖空腹服糖前： {{ archiveSummary.sugarLimosis || '——' }}</p>
          <p>血糖30min： {{ archiveSummary.sugar30min || '——' }}</p>
          <p>血糖1h： {{ archiveSummary.sugar1h || '——' }}</p>
          <p>血糖2h： {{ archiveSummary.sugar2h || '——' }}</p>
          <p>血糖3h： {{ archiveSummary.sugar3h || '——' }}</p>
          <p>胰岛素空腹： {{ archiveSummary.isletLimosis || '——' }}</p>
          <p>胰岛素30min： {{ archiveSummary.islet30min || '——' }}</p>
          <p>胰岛素1h： {{ archiveSummary.islet1h || '——' }}</p>
          <p>胰岛素2h： {{ archiveSummary.islet2h || '——' }}</p>
          <p>胰岛素3h： {{ archiveSummary.islet3h || '——' }}</p>
          <p>C肽空腹： {{ archiveSummary.peptideLimosis || '——' }}</p>
          <p>C肽30min： {{ archiveSummary.peptide30min || '——' }}</p>
          <p>C肽1h： {{ archiveSummary.peptide1h || '——' }}</p>
          <p>C肽2h： {{ archiveSummary.peptide2h || '——' }}</p>
          <p>C肽3h： {{ archiveSummary.peptide3h || '——' }}</p>
        </a-col>
        <a-col :span="12" v-else>
          <div :style="{ width: '100%' }">
            <div class="plus-record" @click="summaryRecord">
              <a-icon :style="{ color: '#8e908f' }" type="plus" />
              <span>录入</span>
            </div>
          </div>
        </a-col>
      </a-row>
    </a-descriptions-item>
    <a-descriptions-item label="血脂检查" :span="3" bordered>
      <a-row type="flex" justify="space-around" align="middle">
        <a-col :span="12" v-if="archiveFirst && archiveFirst.bloodFatCheckDate">
          <p v-if="archiveFirst.bloodFatCheckDate">总胆固醇TC检查日期： {{ archiveFirst.bloodFatCheckDate }}</p>
          <p v-if="archiveFirst.tc">总胆固醇TC： {{ archiveFirst.tc }}</p>
          <p v-if="archiveFirst.tg">甘油三酯TG： {{ archiveFirst.tg }}</p>
          <p v-if="archiveFirst.ldlc">低密度脂蛋白LDL_C： {{ archiveFirst.ldlc }}</p>
          <p v-if="archiveFirst.hdlc">高密度脂蛋白HDL_C： {{ archiveFirst.hdlc }}</p>
          <p v-if="archiveFirst.nonHdlc">非高密度脂蛋白nonHDL_C： {{ archiveFirst.nonHdlc }}</p>
        </a-col>
        <a-col :span="12" v-if="archiveSummary && archiveSummary.bloodFatCheckDate">
          <p>总胆固醇TC检查日期： {{ archiveSummary.bloodFatCheckDate || '——' }}</p>
          <p>总胆固醇TC： {{ archiveSummary.tc || '——' }}</p>
          <p>甘油三酯TG： {{ archiveSummary.tg || '——' }}</p>
          <p>低密度脂蛋白LDL_C： {{ archiveSummary.ldlc || '——' }}</p>
          <p>高密度脂蛋白HDL_C： {{ archiveSummary.hdlc || '——' }}</p>
          <p>非高密度脂蛋白nonHDL_C： {{ archiveSummary.nonHdlc || '——' }}</p>
        </a-col>
        <a-col :span="12" v-else>
          <div :style="{ width: '100%' }">
            <div class="plus-record" @click="summaryRecord">
              <a-icon :style="{ color: '#8e908f' }" type="plus" />
              <span>录入</span>
            </div>
          </div>
        </a-col>
      </a-row>
    </a-descriptions-item>
    <a-descriptions-item label="肝功能检查" :span="3" bordered>
      <a-row type="flex" justify="space-around" align="middle">
        <a-col :span="12" v-if="archiveFirst && archiveFirst.liverFunctionCheckDate">
          <p v-if="archiveFirst.liverFunctionCheckDate">
            谷丙转氨酶ALT检查日期： {{ archiveFirst.liverFunctionCheckDate }}
          </p>
          <p v-if="archiveFirst.alt">谷丙转氨酶ALT： {{ archiveFirst.alt }}</p>
          <p v-if="archiveFirst.ast">谷草转氨酶AST： {{ archiveFirst.ast }}</p>
          <p v-if="archiveFirst.tbil">总胆红素T_BIL： {{ archiveFirst.tbil }}</p>
          <p v-if="archiveFirst.alp">碱性磷酸酶ALP： {{ archiveFirst.alp }}</p>
        </a-col>
        <a-col :span="12" v-if="archiveSummary && archiveSummary.liverFunctionCheckDate">
          <p>谷丙转氨酶ALT检查日期： {{ archiveSummary.liverFunctionCheckDate || '——' }}</p>
          <p>谷丙转氨酶ALT： {{ archiveSummary.alt || '——' }}</p>
          <p>谷草转氨酶AST： {{ archiveSummary.ast || '——' }}</p>
          <p>总胆红素T_BIL： {{ archiveSummary.tbil || '——' }}</p>
          <p>碱性磷酸酶ALP： {{ archiveSummary.alp || '——' }}</p>
        </a-col>
        <a-col :span="12" v-else>
          <div :style="{ width: '100%' }">
            <div class="plus-record" @click="summaryRecord">
              <a-icon :style="{ color: '#8e908f' }" type="plus" />
              <span>录入</span>
            </div>
          </div>
        </a-col>
      </a-row>
    </a-descriptions-item>
    <a-descriptions-item label="肾功能检查" :span="3" bordered>
      <a-row type="flex" justify="space-around" align="middle">
        <a-col :span="12" v-if="archiveFirst && archiveFirst.kidneyFunctionCheckDate">
          <p v-if="archiveFirst.kidneyFunctionCheckDate">
            尿常规_尿蛋白检查日期： {{ archiveFirst.kidneyFunctionCheckDate }}
          </p>
          <p v-if="archiveFirst.urineProtein">尿常规_尿蛋白： {{ archiveFirst.urineProtein }}</p>
          <p v-if="archiveFirst.uae">尿白蛋白UAE： {{ archiveFirst.uae }}</p>
          <p v-if="archiveFirst.uae24">24h尿白蛋白24hUAE： {{ archiveFirst.uae24 }}</p>
          <p v-if="archiveFirst.acr">尿白蛋白尿肌酐ACR： {{ archiveFirst.acr }}</p>
          <p v-if="archiveFirst.cr">血清肌酐Cr： {{ archiveFirst.cr }}</p>
          <p v-if="archiveFirst.ureaNitrogen">尿素氮： {{ archiveFirst.ureaNitrogen }}</p>
          <p v-if="archiveFirst.gfr">肾小球滤过率GFR： {{ archiveFirst.gfr }}</p>
          <p v-if="archiveFirst.creatinineRate">内生肌酐清除率： {{ archiveFirst.creatinineRate }}</p>
        </a-col>
        <a-col :span="12" v-if="archiveSummary && archiveSummary.kidneyFunctionCheckDate">
          <p v-if="archiveSummary.kidneyFunctionCheckDate">
            尿常规_尿蛋白检查日期： {{ archiveSummary.kidneyFunctionCheckDate }}
          </p>
          <p>尿常规_尿蛋白： {{ archiveSummary.urineProtein || '——' }}</p>
          <p>尿白蛋白UAE： {{ archiveSummary.uae || '——' }}</p>
          <p>24h尿白蛋白24hUAE： {{ archiveSummary.uae24 || '——' }}</p>
          <p>尿白蛋白尿肌酐ACR： {{ archiveSummary.acr || '——' }}</p>
          <p>血清肌酐Cr： {{ archiveSummary.cr || '——' }}</p>
          <p>尿素氮： {{ archiveSummary.ureaNitrogen || '——' }}</p>
          <p>肾小球滤过率GFR： {{ archiveSummary.gfr || '——' }}</p>
          <p>内生肌酐清除率： {{ archiveSummary.creatinineRate || '——' }}</p>
        </a-col>
        <a-col :span="12" v-else>
          <div :style="{ width: '100%' }">
            <div class="plus-record" @click="summaryRecord">
              <a-icon :style="{ color: '#8e908f' }" type="plus" />
              <span>录入</span>
            </div>
          </div>
        </a-col>
      </a-row>
    </a-descriptions-item>
    <a-descriptions-item label="酮体检查" :span="3" bordered>
      <a-row type="flex" justify="space-around" align="middle">
        <a-col :span="12" v-if="archiveFirst && archiveFirst.ketoneCheckDate">
          <p>检查日期： {{ archiveFirst.ketoneCheckDate }}</p>
          <p v-if="archiveFirst.bloodKetone">血酮体： {{ archiveFirst.bloodKetone }}</p>
          <p v-if="archiveFirst.urineKetone">尿酮体： {{ archiveFirst.urineKetone }}</p>
        </a-col>
        <a-col :span="12" v-if="archiveSummary && archiveSummary.ketoneCheckDate">
          <p>检查日期： {{ archiveSummary.ketoneCheckDate }}</p>
          <p v-if="archiveSummary.bloodKetone">血酮体： {{ archiveSummary.bloodKetone }}</p>
          <p v-if="archiveSummary.urineKetone">尿酮体： {{ archiveSummary.urineKetone }}</p>
        </a-col>
        <a-col :span="12" v-else>
          <div :style="{ width: '100%' }">
            <div class="plus-record" @click="summaryRecord">
              <a-icon :style="{ color: '#8e908f' }" type="plus" />
              <span>录入</span>
            </div>
          </div>
        </a-col>
      </a-row>
    </a-descriptions-item>
    <a-descriptions-item label="血气分析及其他" :span="3" bordered>
      <a-row type="flex" justify="space-around" align="middle">
        <a-col :span="12" v-if="archiveFirst && archiveFirst.phCheckDate">
          <p>检查日期： {{ archiveFirst.phCheckDate }}</p>
          <p v-if="archiveFirst.ph">血气分析PH： {{ archiveFirst.ph }}</p>
          <p v-if="archiveFirst.hco3">血气分析HCO3： {{ archiveFirst.hco3 }}</p>
          <p v-if="archiveFirst.na">电解质Na+： {{ archiveFirst.na }}</p>
          <p v-if="archiveFirst.kei">电解质K+： {{ archiveFirst.kei }}</p>
          <p v-if="archiveFirst.opp">血浆渗透压： {{ archiveFirst.opp }}</p>
          <p v-if="archiveFirst.ulcerativeDrugSensitivity">
            溃疡组织培养药敏试验： {{ archiveFirst.ulcerativeDrugSensitivity }}
          </p>
        </a-col>
        <a-col :span="12" v-if="archiveSummary && archiveSummary.phCheckDate">
          <p>检查日期： {{ archiveSummary.phCheckDate }}</p>
          <p v-if="archiveSummary.ph">血气分析PH： {{ archiveSummary.ph }}</p>
          <p v-if="archiveSummary.hco3">血气分析HCO3： {{ archiveSummary.hco3 }}</p>
          <p v-if="archiveSummary.na">电解质Na+： {{ archiveSummary.na }}</p>
          <p v-if="archiveSummary.kei">电解质K+： {{ archiveSummary.kei }}</p>
          <p v-if="archiveSummary.opp">血浆渗透压： {{ archiveSummary.opp }}</p>
          <p v-if="archiveSummary.ulcerativeDrugSensitivity">
            溃疡组织培养药敏试验： {{ archiveSummary.ulcerativeDrugSensitivity }}
          </p>
        </a-col>
        <a-col :span="12" v-else>
          <div :style="{ width: '100%' }">
            <div class="plus-record" @click="summaryRecord">
              <a-icon :style="{ color: '#8e908f' }" type="plus" />
              <span>录入</span>
            </div>
          </div>
        </a-col>
      </a-row>
    </a-descriptions-item>
  </a-descriptions>
</template>

<script>
export default {
  name: 'Laboratory',
  props: ['archiveFirst', 'archiveSummary'],
  data() {
    return {}
  },
  methods: {
    summaryRecord() {
      this.$emit('fatherFn')
    }
  }
}
</script>

<style lang="less" scoped>
.plus-record {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-content: center;
  width: 5rem;
  height: 5rem;
  background: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  margin: 0 auto;

  span {
    margin-top: 0.5rem;
    margin-bottom: 0.3rem;
    color: #8e908f;
  }
}
/deep/ .ant-descriptions-item-label {
  width: 25% !important;
}
/deep/ .ant-descriptions-item-content {
  width: 75% !important;
}
</style>

